<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Acs Home</title>
	<link rel="stylesheet"  href="css/themes/default/jquery.mobile-1.1.1.css" />
<!--  	<link rel="stylesheet" href="docs/_assets/css/jqm-docs.css" />
	<script src="docs/_assets/js/jqm-docs.js"></script> -->
	<link rel="stylesheet" href="css/acs.css" />
	<script src="js/jquery.js"></script>
	
	<script src="js/jquery.mobile-1.1.1.js"></script>
	<script>
	function check()
	{
	alert(document.getElementById("basic").value)
	}
	</script>
	
</head>
<body>
<div data-role="page" id="first_signup">
	<div data-role="header" data-theme="f">
		
		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
		<div id="loginimg">Testing<br>uhjdn</div>
	</div><!-- /header -->
	<div data-role="content">
		  <label for="firstname">FIRST NAME</label>
<input type="text" name="firstname" id="firstname" data-mini="true" />

  <label for="lastname">LAST NAME</label>
<input type="text" name="lastname" id="lastname" data-mini="true" />

  <label for="email">E-MAIL</label>
<input type="text" name="email" id="email" data-mini="true" />

  <label for="phone">PHONE</label>
<input type="text" name="phone" id="phone" data-mini="true" />

  <label for="university">UNIVERSITY</label>
<input type="text" name="university" id="university" data-mini="true" />

  <label for="uni_id">UNI ID</label>
<input type="text" name="uni_id" id="uni_id" data-mini="true" />

<div id="nextbtn"><a href="#second_signup" data-role="button" data-transition="slide">Next</a></div>
	</div>
	
	
</div>
</html>

<div data-role="page" id="second_signup">
	<div data-role="header" data-theme="f">
		
		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
		<div id="loginimg">Testing<br>uhjdn</div>
	</div><!-- /header -->
    	<div data-role="content">
	  <label for="subjectarea">SUBJECT AREA</label>
<input type="text" name="subjectarea" id="subjectarea" data-mini="true" />

  <label for="yearofstudy">YEAR OF STUDY</label>
<input type="text" name="yearofstudy" id="yearofstudy" data-mini="true" />

  <label for="degreetype">DEGREE TYPE</label>
<input type="text" name="degreetype" id="degreetype" data-mini="true" />

 <label for="careerinterest">CAREER INTEREST</label>
<input type="text" name="careerinterest" id="careerinterest" data-mini="true" />
<div  id="previousbtn"><a href="#first_signup" data-role="button" data-direction="reverse" data-transition="slide">Previous</a></div>
<div  id="nextbtn"><a href="#third_signup" data-role="button" data-transition="slide">Next</a></div>
	</div>
</div>

<div data-role="page" id="third_signup">
	<div data-role="header" data-theme="f">
		
		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" >Home</a>
		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
		<div id="loginimg">Testing<br>uhjdn</div>
	</div><!-- /header -->
    	<div data-role="content">
	  <label for="gender">GENDER</label>
<input type="text" name="gender" id="gender" data-mini="true" />

  <label for="ethnicity">ETHNICITY</label>
<input type="text" name="ethnicity" id="ethnicity" data-mini="true" />

  <label for="ukcitizen">UK CITIZEN</label>
<input type="text" name="ukcitizen" id="degreetype" data-mini="true" />

 <label for="agegroup">AGE GROUP</label>
<input type="text" name="agegroup" id="agegroup" data-mini="true" />
<div  id="previousbtn"><a href="#second_signup" data-role="button"  data-direction="reverse" data-transition="slide">Previous</a></div>
<div  id="completebtn"><a href="../www/index.html" data-role="button"   data-transition="fade">Complete</a></div>
	</div>
</div>
</body>

